<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>发现</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!--common-->
		<link rel="stylesheet" href="../common/lib/weui.min.css">
		<link rel="stylesheet" href="../common/css/jquery-weui.css">
		<link rel="stylesheet" type="text/css" href="../common/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../common/css/user.css" />
		<link rel="stylesheet" type="text/css" href="../common/css/loading.css" />

		<!--user-->
		<link rel="stylesheet" type="text/css" href="css/found.css" />
	</head>

	<body ontouchstart>
		<div class="weui-tab">
			<div class="weui-tab__bd">
				<div class="head">发现</div>
				<div class="login">
					<div class="csshub-loading" v-if="isloading==true">
						<div></div>
						<div></div>
						<div></div>
						<div></div>
						<div></div>
					</div>
				</div>
				<div class="content">
					<div class="swiper-container">
						<!-- Additional required wrapper -->
						<div class="swiper-wrapper">
							<!-- Slides -->
							<div class="swiper-slide"><img src="img/swiper1.jpg" width="100%" /></div>
							<div class="swiper-slide"><img src="img/swiper2.jpg" width="100%" /></div>
						</div>
						<!-- If we need pagination -->
						<div class="swiper-pagination"></div>
					</div>
				</div>
				<div class="list">
					<div class="weui-flex">
						<div class="weui-flex__item">
							<div class="placeholder">
								<a href="../question/question.html">
									<!--<img src="img/icon_integral.png" />-->
									<p>我的提问</p>
								</a>
							</div>
						</div>
						<div class="weui-flex__item">
							<div class="placeholder">
								<a href="../collect/collect.html">
									<!--<img src="img/icon_coupon.png" />-->
									<p>我的收藏</p>
								</a>
							</div>
						</div>
					</div>
				</div>
				<div class="listitem" v-if="isloading!=true">
					<div class="item" v-for="item in post" @click="Detail($index)">
						<div class="tltle">
							<div class="weui-flex">
								<div>
									<div class="placeholder">
										<img src="img/10.jpg" />
									</div>
								</div>
								<div class="weui-flex__item">
									<div class="placeholder">热门内容，来自：<span v-html="item.type">类别</span></div>

								</div>
							</div>
						</div>
							<div class="title" v-html="item.title">标题</div>
							<div class="main" v-html="item.content">当为中的元素应用工具提示或弹出框时，必须指定选项，这样可以避免不必要的副作用（例如工具提示或弹出框触发时，会让页面元素变宽和/或失去圆角）。为了向使用辅助技术 - 如屏幕阅读器 - 的用户正确传达一正确的按钮分组，需要提供一个合适的 role 属性。</div>
						    <div class="thumbs"><span v-html="item.count">*** </span>赞同</div>
					</div>
				</div>
			</div>
		</div>
		<div class="weui-tabbar ">
			<a href="../head/index.html" class="weui-tabbar__item">
				<p class="weui-tabbar__label "><span class="glyphicon glyphicon-list"></span></p>
				<p class="weui-tabbar__label ">首页</p>
			</a>
			<a href="../Found/found.html" class="weui-tabbar__item weui-bar__item--on">
				<p class="weui-tabbar__label "><span class="glyphicon glyphicon-globe"></span></p>
				<p class="weui-tabbar__label ">发现</p>
			</a>
			<a href="../Event/Event.html" class="weui-tabbar__item  ">
				<p class="weui-tabbar__label "><span class="glyphicon glyphicon-bell"></span></p>
				<p class="weui-tabbar__label ">通知</p>
			</a>
			<a href="../personal/personal.html" class="weui-tabbar__item ">
				<p class="weui-tabbar__label "><span class="glyphicon glyphicon-menu-hamburger"></span></p>
				<p class="weui-tabbar__label ">主页</p>
			</a>
		</div>
		<script src="../common/lib/jquery-2.1.4.js"></script>
		<script src="../common/js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="../common/js/swiper.js"></script>
		<script src="js/found.js" type="text/javascript" charset="utf-8"></script>
		<script>
			$(".swiper-container").swiper({
				loop: true,
				autoplay: 3000
			});
		</script>
	</body>

</html>